<template>
  <div class="root">
    <h1>小聂的成长日记</h1>
    <h5>记录了小前端学习与成长的一些点点滴滴,对于学习的路上遇见的进行总结</h5>
    <header>
      <ul>
        <li>首页</li>
        <li @click="$router.push('/study/index')">学习</li>
        <li @click="$router.push('/assembly/index')">组件</li>
      </ul>
    </header>
  </div>
</template>

<script>
  export default {
    name: "home",
    components: {
    },
    mounted() {
    }
  };
</script>
<style scoped="scoped" lang="less">
  h1 {
    font-weight: 600;
    font-size: 20px;
    color: #17233d;
  }
  h5 {
    margin: 10px 0px 20px;
  }
  header {
    height: 40px;
    ul {
      height: 100%;
      display: flex;
      align-items: center;
      border-top: 1px solid #ededed;
      border-bottom: 1px solid #ededed;
      li {
        font-size: 16px;
        color: #515a6e;
        margin: 0px 30px;
        cursor: pointer;
      }
    }
  }
  
</style>